<template>
  <div>
    <h3>{{msg}}</h3>
    <button @click="fn">逆转世界</button>
  </div>
</template>

<script>
// 1. 提供变量
// 2.给button绑定一个事件
// 3.
export default {
  data() {
    return {
      msg: 'Hello,World'
    }
  },
  methods: {
    fn() {
      // 先把字符串转成数组(因为数组有方法可以翻转) split
      // 调用翻转方法   reverse
      // 把数组转换成字符串 join
      console.log('逆转世界');
       this.msg = this.msg.split('').reverse().join('')
    }
  }

}
</script>

<style>

</style>